<template>
	<el-container>
		<el-header>
			<v-header></v-header>
		</el-header>
		<el-container>
			<el-main>
				<div class="login-container">
					<div class="login-layer">
						<ul class="circles">
							<li v-for="n in 10" :key="n"></li>
						</ul>
					</div>
					<div class="login-content">
						<div class="login-content__left">
							<h1>政策数据资源汇聚与共享</h1>
							<p>基于大数据、人工智能构建一站式政策采集、治理与应用</p>
						</div>
						<div class="login-content__middle"></div>
						<div class="login-content__right">
							<user-login></user-login>
						</div>
					</div>
				</div>
			</el-main>
		</el-container>
		<el-footer>
			<v-footer></v-footer>
		</el-footer>
	</el-container>
</template>
<script>
	import vHeader from "@/components/vHeader";
	import vFooter from "@/components/vFooter";
	import userLogin from "./userlogin";
	import {
		mapGetters
	} from "vuex";
	import {
		dateFormat
	} from "@/util/date";

	export default {
		name: "login",
		components: {
			vHeader,
			userLogin,
			vFooter
		},
		data() {
			return {
				time: "",
				activeName: "user"
			};
		},
		watch: {},
		created() {
			this.getTime();
			setInterval(() => {
				this.getTime();
			}, 1000);
		},
		mounted() {},
		computed: {
			...mapGetters(["website"])
		},
		props: [],
		methods: {
			getTime() {
				this.time = dateFormat(new Date());
			}
		}
	};
</script>

<style lang="scss">
	@import "~_s/login.scss";
</style>
